<template>
    <div class="win">
            <button>生日祝贺</button>
            <button>表白/求婚</button>
            <button>开业/商务</button>
            <button>周年纪念</button>
            <button>特价专区</button>
            <button>人气新品</button>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
    .win{
        width: 100%;
        height: 14vh;
        margin-top: 2vh;
        
    }
    button{
        width: 25%;
        height: 4vh;
        margin: 1.5vh 2vh;
        border-radius:8px;
        border: 0px;
        outline:none;
        color: #fff;
        
    }
    .win :nth-child(even){
        background:rgba(149, 200, 253, 1);
    }
     .win :nth-child(odd){
        background:rgb(253, 149, 218);
    }
</style>